<template>
	<view>
		<view class="search-box">
			<view class="search">
				<u-icon name="search" size="20" color="#9098A0"></u-icon>
				<view class="content">
					输入你想要的东西
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"mysearch",
		props: ['color'],
		data() {
			return {
				
			}
		},
		onLoad() {
			console.log(this.color);
		}
	}
</script>

<style lang="scss">
.search-box {
			padding: 10px 15px 0;
			background-color: #0074FF;
			height: 80px;

		}

		.search {
			margin: 0 auto;
			width: 85%;
			background-color: #DEEDFF;
			color: #9098A0;
			height: 30px;
			line-height: 30px;
			display: flex;
			border-radius: 20px;
			padding: 0 20px;

		}
</style>